<template>
	<view class="home">
		<view class="" v-if="imgId == 0">
					<image class="homeimg" src="../../static/images/show/aa004_01.png" mode="widthFix"></image>
					<image class="homeimg" src="../../static/images/show/aa004_02.png" mode="widthFix"></image>
					<image class="homeimg" src="../../static/images/show/aa004_03.png" mode="widthFix"></image>
		</view>
		<view class="" v-if="imgId == 1">
					<image class="homeimg" src="../../static/images/show/aa003_01.png" mode="widthFix"></image>
					<image class="homeimg" src="../../static/images/show/aa003_02.png" mode="widthFix"></image>
					<image class="homeimg" src="../../static/images/show/aa003_03.png" mode="widthFix"></image>
		</view>
		<view class="" v-if="imgId == 2">
					<image class="homeimg" src="../../static/images/show/aa002_01.png" mode="widthFix"></image>
					<image class="homeimg" src="../../static/images/show/aa002_02.png" mode="widthFix"></image>
					<image class="homeimg" src="../../static/images/show/aa002_03.png" mode="widthFix"></image>
		</view>
		<view class="" v-if="imgId == 3">
					<image class="homeimg" src="../../static/images/show/aa001_01.png" mode="widthFix"></image>
					<image class="homeimg" src="../../static/images/show/aa001_02.png" mode="widthFix"></image>
					<image class="homeimg" src="../../static/images/show/aa001_03.png" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgId:0
			}
		},
		onLoad(option) {
			console.log('option',option);
			this.imgId = option.id
			
		},
		methods: {
			
		}
	}
</script>
<style scoped lang="scss">
	.home{
		width: 750rpx;
		.homeimg {
			width: 750rpx;
		}
	}
</style>
<style>
	page {
		background-color: #f8f8f8;
	}
</style>